<!DOCTYPE html>
<html lang="en">
<head>
  <title></title>
  <meta charset="utf-8">
  <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">   
  <link rel="stylesheet" href="css/grid.css" type="text/css" media="all">
  <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
   <script type="text/javascript" src="js/jquery-3.3.1.min.js" ></script>
  <script type="text/javascript" src="js/jquery.faded.js"></script>
  <script type="text/javascript" src="js/script.js"></script>
</head>

<body>
  <!-- header -->
  <header>
    <div class="container_16">
    	<div class="logo">
    	  <h2><a href="index.html">我爱<strong>长春</strong> </a></h2>
    	</div>
      <nav>
        <ul>
        	<li><a href="index.html" class="current">主页</a></li>
          <li><a href="index-1.html">自然风光</a></li>
          <li><a href="index-2.html">人文气息</a></li>
          <li><a href="index-3.html">美食</a></li>
          <li><a href="index-4.html">旅游景点</a></li>
          <li><a href="index-5.html">名校简介</a></li>
          <li><a href="index-6.html">留下足迹</a></li>
        </ul>
      </nav>
      <div id="faded">
        <div class="rap">
          <a href="#"><img src="images/big-img1.jpg" alt="" width="571" height="398"></a>
          <a href="#"><img src="images/big-img2.jpg" alt="" width="571" height="398"></a>
          <a href="#"><img src="images/big-img3.jpg" alt="" width="571" height="398"></a>
        </div>
        <ul class="pagination">
          <li>
          	<a href="#" rel="0">
            	<img src="images/f_thumb1.png" alt="">
              <span class="left">
                北国风光<br />
                万里雪飘<br />
              </span>
              <span class="right">
                堆雪人<br />
                溜爬犁<br />
              </span>
            </a>
          </li>
          <li>
          	<a href="#" rel="1">
            	<img src="images/f_thumb2.png" alt="">
              <span class="left">
                净月潭<br />
               33568平方米<br />
                樟子松
              </span>
              <span class="right">
                夏避暑<br />
                秋赏叶<br />
                冬玩雪
              </span>
            </a>
          </li>
          <li>
          	<a href="#" rel="2">
            	<img src="images/f_thumb3.png" alt="">
              <span class="left">
                伪满洲国<br />
                红色旅游<br />
                跑马场
              </span>
              <span class="right">
                中和门<br />
                同德殿<br />
                怀远楼
              </span>
            </a>
          </li>
        </ul>
        <img src="images/extra-banner.png" alt="" class="extra-banner">
	  </div>
    </div>
  </header>
  <!-- content -->
  <section id="content">
  	<div class="container_16">
    	<div class="clearfix">
      	<section id="mainContent" class="grid_10">
        	<article>
            <h2>雪景</h2>
            <img src="images/7page-img1.gif" alt="" width="600">
            <h2>听一首关于雪的歌曲</h2>
             <audio src="music/xr.ogg" controls="controls"  autoplay="autoplay" ></audio> 
          </article>
      	</section>
        
      	<aside class="grid_6">
        	<div class="prefix_1">
          	<article>
            	<!-- .box -->
              <div class="box">
                <h2>编者语</h2>
                
                <p>　长春，一座拥七千年历史、四千年古典建城史和二百余年近代城市发展史的东北核心城市；长春，一座承载了中国太多梦想与期待的北国之都；长春，一座日益繁荣开放富强的国际化大都会，正以其愈来愈勃发的英姿，迎来更加崭新美好的明天！</p>
                
              </div>
              <!-- /.box -->
            </article>
            <article class="last">
              <h2>留下足迹 </h2>
              <form action="" id="contacts-form">
             
                  <h3><label><span>姓名：</span><input type="text" /></label></h3>
                  <h3><label><span>E-mail：</span><input type="text" /></label></h3>
                  <h3><div class="wrapper"><span>留言：</span><textarea></textarea></div></h3>
                  <div class="wrapper"><a href="#" onClick="document.getElementById('contacts-form').submit()" class="button">提交</a><a href="#" onClick="document.getElementById('contacts-form').submit()" class="button">重置</a></div>
               
              </form>
            </article>
          </div>
        </aside>
      </div>
    </div>
  </section>
  <!-- footer -->
<footer>
    <div class="container_16">
         <div id="main">
      		版权所有：<strong>吉林省明日科技有限公司</strong>&nbsp;&nbsp;&nbsp;
            地址：长春市南关区卫星广场明珠小区B16-4&nbsp;&nbsp;&nbsp;
            电话：400-675-1066
      </div>
    </div>
  </footer>
</body>
</html>